import { createApp } from 'vue'
import App from './App.vue'

import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
//路由
import router from './routse'
//状态管理
import sotre from './vuex/index'
//Markdown编辑器
import mavonEditor from 'mavon-editor'
import 'mavon-editor/dist/css/index.css'
//Markdown预览
// 预览组件以及样式
import VMdPreview from '@kangc/v-md-editor/lib/preview';
import '@kangc/v-md-editor/lib/style/preview.css';
// VuePress主题以及样式（这里也可以选择github主题）
import vuepressTheme from '@kangc/v-md-editor/lib/theme/vuepress.js';
import '@kangc/v-md-editor/lib/theme/style/vuepress.css';

// Prism
import Prism from 'prismjs';
// 代码高亮
import 'prismjs/components/prism-json';
// 显示代码行数
import createLineNumbertPlugin from '@kangc/v-md-editor/lib/plugins/line-number/index';

// 选择使用主题
VMdPreview.use(vuepressTheme, {
  Prism
});
VMdPreview.use(createLineNumbertPlugin());

//primevue-ui
import PrimeVue from 'primevue/config';
import Aura from '@primevue/themes/aura';
import 'primeicons/primeicons.css';


const app = createApp(App)
app.use(VMdPreview);
app.use(ElementPlus)
app.use(router)
app.use(sotre)
app.use(mavonEditor)
app.use(PrimeVue, {
  theme: {
      preset: Aura
  }
});
app.mount('#app')
